<!DOCTYPE html>
<html lang="zh">

<head>
	<title>圆满里程-网上祭祀祭奠平台</title>
	<meta name="keywords" content="圆满里程-网上祭祀祭奠平台">
	<meta name="description" content="圆满里程-网上祭祀祭奠平台，为广大用户提供网上祭祀亲人，网上悼念先祖的祭奠平台。">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="icon" href="../static/images/favicon.ico">
    <link href="../static/css/style.css?123" rel="stylesheet">
    <link href="../static/css/responsive.css?123" rel="stylesheet">
</head>

<body>
    <header class="header_area animated">
        <div class="container-fluid">
            <div class="row align-items-center">
                <div class="col-12 col-lg-12">
                    <div class="menu_area">
                        <nav class="navbar navbar-expand-lg navbar-light">
                            <a class="navbar-brand" href="/">
                                <img class="logo" src="../static/images/logopng.png" alt="">
                            </a>
                            <button class="navbar-toggler collapsed" type="button" data-toggle="collapse"
                                data-target="#ca-navbar" aria-controls="ca-navbar" aria-expanded="false"
                                aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
                            <div class="navbar-collapse collapse" id="ca-navbar">
                                <ul class="navbar-nav ml-auto" id="nav">
                                    <li class="nav-item active"><a class="nav-link" href="index.html#home">首页</a></li>
                                    <li class="nav-item"><a class="nav-link" href="index.html#about">服务介绍</a></li>
                                    <li class="nav-item"><a class="nav-link" href="index.html#features">产品特色</a></li>
                                    <li class="nav-item"><a class="nav-link" href="index.html#screenshot">应用预览</a></li>
                                    <li class="nav-item"><a class="nav-link" href="index.html#question">常见问题</a></li>
                                    <li class="nav-item"><a class="nav-link" href="index.html#contact">联系我们</a></li>
                                </ul>
                            </div>
                        </nav>
                    </div>
                </div>

            </div>
        </div>
    </header>
    <section class="wellcome_area clearfix" id="home">
        <div class="container h-100">
            <div class="row h-100 align-items-center">
                <div class="col-12 col-md">
                    <div class="wellcome-heading">
                        <div class="title">
                            <div class="title-h2">圆满里程</div>
                            <p class="line"></p>
                            <div class="sub-title">
                                <p>让爱永存<br>让生永续</p>
                            </div>
                        </div>
                        <h3>圆满里程纪奠</h3>
                        <p>中国云祭奠推行者——是为全球华人提供的新一代<br>网上祭拜祈福网站，免费创建故人网上纪念馆，随<br>时线上祭拜，书写生平事迹，永久保存生命故事，<br>共践孝爱文化。让爱永恒，让生永续。
                        </p>
                    </div>

                    <div class="get-start-area" style="display: block !important;">
                        <div class="app-download-area">
                            <div class="app-download-btn wow fadeInUp app-download-top" data-wow-delay="0.2s"
                                style="visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;">
                                <img class="wx-img" src="../static/images/mourn-wx.png" alt="">
                                <p class="qifu">当前已祈福<span class="qifu-count">156732079</span>次</p>
                                <button type="button"  data-toggle="modal" data-target=".creat-hall"
                                    class="btn t-btn btn-primary">快速创建纪念馆</button>
                            </div>

                            <div class="app-download-btn wow fadeInUp app-download-top" data-wow-delay="0.2s"
                                style="visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;">

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Welcome thumb -->
        <div class="welcome-thumb wow fadeInDown" data-wow-delay="0.5s"
            style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInDown;">
            <img src="../static/images/welcome-img.png" height="72" width="72" alt="">
        </div>

    </section>
    <div class="modal fade creat-hall" tabindex="-1" role="dialog" >
        <div class="modal-dialog hall" role="document">
            <div class="modal-content" style="padding: 20px;">
                <div class="title">基本信息</div>
                <div class="content">
                        <div class="form-group">
                            <input type="text"  class="form-control" id="username" placeholder="逝者姓名（必填）">
                        </div>
                        <div class="form-group"></div>
                            <textarea class="form-control"  rows="3" maxlength="800" id="desc" placeholder="逝者生平介绍"></textarea>
                        </div>
                        <div class="form-group">
                            <input type="text"  class="form-control" id="mobile"
                                placeholder="手机号码" onkeyup = "value=value.replace(/[^\d]/g,'')">
                        </div>
                        <button type="submit" id="subMes" class="btn btn-primary">立即创建纪念馆</button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade hall-suc" tabindex="-1" role="dialog" >
        <div class="modal-dialog hall" role="document">
            <div class="modal-content " style="padding:20px 5px;">
                <div class="content">
                    <div class="tit tit-con">纪念馆创建成功</div>
                    <div class="tig">截图或长按保存二维码后微信扫一扫<br>二维码关注公众号领馆</div>
                    <div class="pic"><img class="hall-img" src="../static/images/mourn-wx.png" alt=""></div>
                    <p>公众号内输入建馆手机号<b class="mobile" style="color: #007bff;font-weight: bold"></b><br>即可领取纪念馆</p>
                    <input type="text" style="opacity: 0 ;height: 1px;" id="copyVal"  value="心纪奠" />
                    <img src="../static/images/copy.jpg" alt="" class="copytext wap-btn" data-clipboard-action="cut" data-clipboard-target="#copyVal">
                </div>
            </div>
        </div>
    </div>

    <section class="special-area bg-white section_padding_100" id="about">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <!-- Section Heading Area -->
                    <div class="section-heading text-center">
                        <h2>服务介绍</h2>
                        <div class="line-shape"></div>
                    </div>
                </div>
            </div>

            <div class="row">
                <!-- Single Special Area -->
                <div class="col-12 col-md-4">
                    <div class="single-special text-center wow fadeInUp" data-wow-delay="0.2s"
                        style="visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;">
                        <div class="single-icon">
                            <img src="../static/images/invite_friends_icon_bnb.png" height="72" width="72" alt="">
                            <!-- <i class="ti-mobile" aria-hidden="true"></i> -->
                        </div>
                        <h4>免费建馆</h4>
                        <p>实现10秒一键建馆，去除繁琐的程序，后期也可以逐步完善或者修改资料。</p>
                    </div>
                </div>
                <!-- Single Special Area -->
                <div class="col-12 col-md-4">
                    <div class="single-special text-center wow fadeInUp" data-wow-delay="0.4s"
                        style="visibility: visible; animation-delay: 0.4s; animation-name: fadeInUp;">
                        <div class="single-icon">
                            <img src="../static/images/invite_friends_icon_hotel.png" height="72" width="72" alt="">
                            <!-- <i class="ti-ruler-pencil" aria-hidden="true"></i> -->
                        </div>
                        <h4>网上祭拜</h4>
                        <p>提供了丰富的祭品，不受时间、地点等限制，且可以邀请亲友共同参与祭拜。</p>
                    </div>
                </div>
                <!-- Single Special Area -->
                <div class="col-12 col-md-4">
                    <div class="single-special text-center wow fadeInUp" data-wow-delay="0.6s"
                        style="visibility: visible; animation-delay: 0.6s; animation-name: fadeInUp;">
                        <div class="single-icon">
                            <img src="../static/images/invite_friends_icon_experience.png" height="72" width="72" alt="">
                            <!-- <i class="ti-settings" aria-hidden="true"></i> -->
                        </div>
                        <h4>会员权益</h4>
                        <p>会员享有专属的身份标识及对应的权益，升级纪念馆可享受折扣价。</p>
                    </div>
                </div>
            </div>
        </div>
        <!-- Special Description Area -->
        <div class="special_description_area mt-150">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6">
                        <div class="special_description_img">
                            <img src="../static/images/special1.png" alt="">
                        </div>
                    </div>
                    <div class="col-lg-6 col-xl-5 ml-xl-auto">
                        <div class="special_description_content">
                            <h2>网上纪念馆</h2>
                            <p>通过心纪奠平台，用户可以免费为故人创建网上纪念馆，书写逝者生平事迹、上传影像资料、发表纪念文章、在线祭拜留言等。同时可以邀请微信好友，加入亲友团，一同书写共同祭拜，让纪念馆充满温暖和爱。
                            </p>
                            <div class="app-download-area">

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="awesome-feature-area bg-white section_padding_0_50 clearfix" id="features">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <!-- Heading Text -->
                    <div class="section-heading text-center">
                        <h2>产品特色</h2>
                        <div class="line-shape"></div>
                    </div>
                </div>
            </div>

            <div class="row">
                <!-- Single Feature Start -->
                <div class="col-12 col-sm-6 col-lg-4">
                    <div class="single-feature">
                        <!-- <i class="ti-user" aria-hidden="true"></i> -->
                        <img class="awesome-sub-icon" src="../static/images/t1.png" alt="">
                        <span class="awesome-sub-title">行业先锋</span>
                        <p>全新、独特模式运营，始终以用户为中心，不断改善和优化用户体验。</p>
                    </div>
                </div>
                <!-- Single Feature Start -->
                <div class="col-12 col-sm-6 col-lg-4">
                    <div class="single-feature">
                        <img class="awesome-sub-icon" src="../static/images/t2.png" alt="">
                        <span class="awesome-sub-title">永久保存</span>
                        <p>纪念馆一经创建，资料将永久保存。方便亲友随时查看、祭拜和分享。</p>
                    </div>
                </div>
                <!-- Single Feature Start -->
                <div class="col-12 col-sm-6 col-lg-4">
                    <div class="single-feature">
                        <img class="awesome-sub-icon" src="../static/images/t3.png" alt="">
                        <span class="awesome-sub-title">功能丰富</span>
                        <p>建馆、祭拜、分享、管理、留言等功能一触即发，满意了用户的实际操作需求。</p>
                    </div>
                </div>
                <!-- Single Feature Start -->
                <div class="col-12 col-sm-6 col-lg-4">
                    <div class="single-feature">
                        <img class="awesome-sub-icon" src="../static/images/t4.png" alt="">
                        <span class="awesome-sub-title">全新设计</span>
                        <p>人性化的界面设计，更贴合用户的使用习惯，为用户节省时间成本和精力。</p>
                    </div>
                </div>
                <!-- Single Feature Start -->
                <div class="col-12 col-sm-6 col-lg-4">
                    <div class="single-feature">
                        <img class="awesome-sub-icon" src="../static/images/t5.png" alt="">
                        <span class="awesome-sub-title">资深团队</span>
                        <p>行业资深研发团队，根据市场需求确保产品迭代创新速度快、技术更新及时。</p>
                    </div>
                </div>
                <!-- Single Feature Start -->
                <div class="col-12 col-sm-6 col-lg-4">
                    <div class="single-feature">
                        <img class="awesome-sub-icon" src="../static/images/t6.png" alt="">
                        <span class="awesome-sub-title">快速响应</span>
                        <p>7×12小时客服响应速度，高效、快速的答疑解惑，让用户使用没有后顾之忧。</p>
                    </div>
                </div>
            </div>

        </div>
    </section>

    <div class="video-section">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <!-- Video Area Start -->
                    <div class="video-area" style="background-image: url(../static/images/video.jpg);">

                    </div>
                </div>
            </div>
        </div>
    </div>

    <section class="cool_facts_area clearfix">
        <div class="container">
            <div class="row">
                <!-- Single Cool Fact-->
                <div class="col-6 col-md-3 col-lg-3">
                    <div class="single-cool-fact d-flex justify-content-center wow fadeInUp" data-wow-delay="0.2s"
                        style="visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;">
                        <div class="counter-area">
                            <h3><span class="counter">365</span></h3>
                        </div>
                        <div class="cool-facts-content">
                            <i class="icon ion-ios-time-outline"></i>
                            <p>24小时<br>服务</p>
                        </div>
                    </div>
                </div>
                <!-- Single Cool Fact-->
                <div class="col-6 col-md-3 col-lg-3">
                    <div class="single-cool-fact d-flex justify-content-center wow fadeInUp" data-wow-delay="0.4s"
                        style="visibility: visible; animation-delay: 0.4s; animation-name: fadeInUp;">
                        <div class="counter-area">
                            <h3><span class="counter">60</span>w</h3>
                        </div>
                        <div class="cool-facts-content">
                            <i class="icon ion-ios-home-outline"></i>
                            <p>网上 <br> 纪念馆</p>
                        </div>
                    </div>
                </div>
                <!-- Single Cool Fact-->
                <div class="col-6 col-md-3 col-lg-3">
                    <div class="single-cool-fact d-flex justify-content-center wow fadeInUp" data-wow-delay="0.6s"
                        style="visibility: visible; animation-delay: 0.6s; animation-name: fadeInUp;">
                        <div class="counter-area">
                            <h3><span class="counter">531</span>w</h3>
                        </div>
                        <div class="cool-facts-content">
                            <i class="icon ion-ios-paperplane-outline"></i>
                            <p>累计<br>访问量</p>
                        </div>
                    </div>
                </div>
                <!-- Single Cool Fact-->
                <div class="col-6 col-md-3 col-lg-3">
                    <div class="single-cool-fact d-flex justify-content-center wow fadeInUp" data-wow-delay="0.8s"
                        style="visibility: visible; animation-delay: 0.8s; animation-name: fadeInUp;">
                        <div class="counter-area">
                            <h3><span class="counter">328</span>w</h3>
                        </div>
                        <div class="cool-facts-content">
                            <i class="icon ion-ios-heart-outline"></i>
                            <p>累计<br>祭扫量</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="app-screenshots-area bg-white section_padding_0_100 clearfix" id="screenshot">
        <div class="container">
            <div class="row">
                <div class="col-12 text-center">
                    <!-- Heading Text  -->
                    <div class="section-heading">
                        <h2>应用预览</h2>
                        <div class="line-shape"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="container-fluid">
            <div class="row">
                <div class="col-12">
                    <div class="app_screenshots_slides owl-carousel owl-loaded owl-drag">
                        <div class="single-shot">
                            <img src="../static/images/a1.jpg" alt="">
                        </div>
                        <div class="single-shot">
                            <img src="../static/images/a2.jpg" alt="">
                        </div>
                        <div class="single-shot">
                            <img src="../static/images/a3.jpg" alt="">
                        </div>
                        <div class="single-shot">
                            <img src="../static/images/a4.jpg" alt="">
                        </div>
                        <div class="single-shot">
                            <img src="../static/images/a1.jpg" alt="">
                        </div>
                        <div class="single-shot">
                            <img src="../static/images/a5.jpg" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="clients-feedback-area bg-white section_padding_100 clearfix" id="testimonials">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-12 col-md-10">
                    <div class="slider-for">
                        <!-- Client Feedback Text  -->
                        <div class="client-feedback-text text-center ">
                            <div class="client">
                                <i class="fa fa-quote-left"></i>
                            </div>
                            <div class="client-description text-center">
                                <p>“ 心纪奠平台功能齐全，创建纪念馆和上传资料都很方便，客服服务很贴心，希望越办越好。 ”</p>
                            </div>
                            <div class="star-icon text-center">
                                <i class="ion-ios-star"></i>
                                <i class="ion-ios-star"></i>
                                <i class="ion-ios-star"></i>
                                <i class="ion-ios-star"></i>
                                <i class="ion-ios-star"></i>
                            </div>
                            <div class="client-name text-center">
                                <h5>旧梦如烟</h5>
                                <p></p>
                            </div>
                        </div>
                        <div class="client-feedback-text text-center ">
                            <div class="client">
                                <i class="fa fa-quote-left"></i>
                            </div>
                            <div class="client-description text-center">
                                <p>“ 亲人虽然离开了我，但是我永远也无法忘记，虽然无法去墓地祭扫，但是我可以通过这个平台去纪念和祭拜，真的很暖心。”</p>
                            </div>
                            <div class="star-icon text-center">
                                <i class="ion-ios-star"></i>
                                <i class="ion-ios-star"></i>
                                <i class="ion-ios-star"></i>
                                <i class="ion-ios-star"></i>
                                <i class="ion-ios-star"></i>
                            </div>
                            <div class="client-name text-center">
                                <h5>浅忆旧时光</h5>
                                <p></p>
                            </div>
                        </div>
                        <div class="client-feedback-text text-center ">
                            <div class="client">
                                <i class="fa fa-quote-left"></i>
                            </div>
                            <div class="client-description text-center">
                                <p>“ 祭祀的新方式，不仅可以祭祖，还可以追思逝世的明星、名人、伟人，让自己的怀念之情得以言表，值得点赞。”</p>
                            </div>
                            <div class="star-icon text-center">
                                <i class="ion-ios-star"></i>
                                <i class="ion-ios-star"></i>
                                <i class="ion-ios-star"></i>
                                <i class="ion-ios-star"></i>
                                <i class="ion-ios-star"></i>
                            </div>
                            <div class="client-name text-center">
                                <h5>遗失的美好</h5>
                                <p></p>
                            </div>
                        </div>
                        <div class="client-feedback-text text-center ">
                            <div class="client">
                                <i class="fa fa-quote-left"></i>
                            </div>
                            <div class="client-description text-center">
                                <p>“ 常年生活在外地，清明也无法回家祭祖，后来朋友推荐了一款应用，现在用手机就直接祭拜，特别方便，感谢遇见。 ”</p>
                            </div>
                            <div class="star-icon text-center">
                                <i class="ion-ios-star"></i>
                                <i class="ion-ios-star"></i>
                                <i class="ion-ios-star"></i>
                                <i class="ion-ios-star"></i>
                                <i class="ion-ios-star"></i>
                            </div>
                            <div class="client-name text-center">
                                <h5>时光旅人</h5>
                                <p></p>
                            </div>
                        </div>
                    </div>

                </div>
                <!-- Client Thumbnail Area -->
                <div class="col-12 col-md-6 col-lg-5">
                    <div class="slider-nav">
                        <div class="client-thumbnail slick-slide ">
                            <img src="../static/images/client-6.jpg" alt="">
                        </div>
                        <div class="client-thumbnail slick-slide ">
                            <img src="../static/images/client-2.jpg" alt="">
                        </div>
                        <div class="client-thumbnail slick-slide ">
                            <img src="../static/images/client-3.jpg" alt="">
                        </div>
                        <div class="client-thumbnail slick-slide ">
                            <img src="../static/images/client-4.jpg" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- <section class="our-Team-area bg-white section_padding_100_50 clearfix" id="team">
        <div class="container">
            <div class="row">
                <div class="col-12 text-center">

                    <div class="section-heading">
                        <h2>名人馆&amp;事件馆</h2>
                        <div class="line-shape"></div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-6 col-md-6 col-lg-3">
                    <div class="single-team-member" data-toggle="modal" data-target=".bs-example-modal-sm">
                        <div class="member-image">
                            <img src="./images/z1.png" alt="">
                        </div>
                        <div class="member-text">
                            <h4>张国荣</h4>
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="col-6 col-md-6 col-lg-3">
                    <div class="single-team-member" data-toggle="modal" data-target=".bs-example-modal-sm">
                        <div class="member-image">
                            <img src="./images/z2.png" alt="">
                        </div>
                        <div class="member-text">
                            <h4>邓丽君</h4>
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="col-6 col-md-6 col-lg-3">
                    <div class="single-team-member" data-toggle="modal" data-target=".bs-example-modal-sm">
                        <div class="member-image">
                            <img src="./images/z3.jpg" alt="">
                        </div>
                        <div class="member-text">
                            <h4>雷锋</h4>
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="col-6 col-md-6 col-lg-3">
                    <div class="single-team-member" data-toggle="modal" data-target=".bs-example-modal-sm">
                        <div class="member-image">
                            <img src="./images/z3.png" alt="">
                        </div>
                        <div class="member-text">
                            <h4>梅艳芳</h4>
                            <p></p>
                        </div>
                    </div>
                </div>

                <div class="col-6 col-md-6 col-lg-3">
                    <div class="single-team-member" data-toggle="modal" data-target=".bs-example-modal-sm">
                        <div class="member-image">
                            <img src="./images/z5.jpg" alt="">
                        </div>
                        <div class="member-text">
                            <h4>抗击疫情公祭馆</h4>
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="col-6 col-md-6 col-lg-3">
                    <div class="single-team-member" data-toggle="modal" data-target=".bs-example-modal-sm">
                        <div class="member-image">
                            <img src="./images/z6.jpg" alt="">
                        </div>
                        <div class="member-text">
                            <h4>凉山救火公祭馆</h4>
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="col-6 col-md-6 col-lg-3">
                    <div class="single-team-member" data-toggle="modal" data-target=".bs-example-modal-sm">
                        <div class="member-image">
                            <img src="./images/z7.jpg" alt="">
                        </div>
                        <div class="member-text">
                            <h4>汶川抗震公祭馆</h4>
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="col-6 col-md-6 col-lg-3">
                    <div class="single-team-member" data-toggle="modal" data-target=".bs-example-modal-sm">
                        <div class="member-image">
                            <img src="./images/z8.jpg" alt="">
                        </div>
                        <div class="member-text">
                            <h4>雅安抗震公祭馆</h4>
                            <p></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
            <div class="modal-dialog modal-sm" role="document">
                <div class="modal-content">
                    <div>创建纪念馆</div>
                    <img src="./images/mourn-wx.png" alt="">
                    <div>微信扫码建馆，永久留存纪念</div>
                </div>
            </div>
        </div>
    </section> -->

    <section class="bg-white section_padding_50 clearfix" id="question">
        <div class="container">
            <div class="row">
                <div class="col-12 text-center">
                    <!-- Heading Text  -->
                    <div class="section-heading">
                        <h2>常见问题</h2>
                        <div class="line-shape"></div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="accordion" id="accordionExample">
                    <div class="card">
                        <div class="card-header" id="headingOne">
                            <h2 class="mb-0">
                                <p class="q-img">问</p>
                                <button class="btn btn-link btn-block text-left" type="button" data-toggle="collapse"
                                    data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                    找不到纪念馆怎么办？
                                </button>
                            </h2>
                        </div>

                        <div id="collapseOne" class="collapse show" aria-labelledby="headingOne"
                            data-parent="#accordionExample">
                            <div class="card-body">
                                <p class="a-img">答</p>
                                <p class="card-content">温馨提示：逝者名字=纪念馆
                                    首先关注心纪奠公众号，在心纪奠首页输入逝者名字，先尝试关键词查找，如果还是查找不到再输入纪念馆全名，如张三纪念馆，可以输入“张三”或“张三纪念馆”进行查找。</p>
                            </div>
                        </div>
                    </div>
                    <div class="card">
                        <div class="card-header" id="headingTwo">
                            <h2 class="mb-0">
                                <p class="q-img">问</p>
                                <button class="btn btn-link btn-block text-left collapsed" type="button"
                                    data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false"
                                    aria-controls="collapseTwo">
                                    如何上传/修改逝者头像照片？
                                </button>
                            </h2>
                        </div>
                        <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo"
                            data-parent="#accordionExample">
                            <div class="card-body">
                                <p class="a-img">答</p>
                                <p class="card-content">用户进入纪念馆首页后→点击右上角“管理”图标（进入编辑页面）→点击“基本信息”→点击“上传头像”→确定保存。</p>
                            </div>
                        </div>
                    </div>
                    <div class="card">
                        <div class="card-header" id="headingThree">
                            <h2 class="mb-0">
                                <p class="q-img">问</p>
                                <button class="btn btn-link btn-block text-left collapsed" type="button"
                                    data-toggle="collapse" data-target="#collapseThree" aria-expanded="false"
                                    aria-controls="collapseThree">
                                    如何更换纪念馆背景音乐？
                                </button>
                            </h2>
                        </div>
                        <div id="collapseThree" class="collapse" aria-labelledby="headingThree"
                            data-parent="#accordionExample">
                            <div class="card-body">
                                <p class="a-img">答</p>
                                <p class="card-content">用户进入纪念馆首页后→点击右上角“管理”图标（进入编辑页面）→点击“个人设置”→选择音乐。</p>
                            </div>
                        </div>
                    </div>
                    <div class="card">
                        <div class="card-header" id="headingfour">
                            <h2 class="mb-0">
                                <p class="q-img">问</p>
                                <button class="btn btn-link btn-block text-left collapsed" type="button"
                                    data-toggle="collapse" data-target="#collapsefour" aria-expanded="false"
                                    aria-controls="collapsefour">
                                    如何更换纪念馆首页/云墓背景图片？
                                </button>
                            </h2>
                        </div>
                        <div id="collapsefour" class="collapse" aria-labelledby="headingfour"
                            data-parent="#accordionExample">
                            <div class="card-body">
                                <p class="a-img">答</p>
                                <p class="card-content">用户进入纪念馆首页后→点击右上角“管理”图标（进入编辑页面）→点击“个人设置”→纪念馆首页背景/云墓背景。</p>
                            </div>
                        </div>
                    </div>
                    <div class="card">
                        <div class="card-header" id="heading5">
                            <h2 class="mb-0">
                                <p class="q-img">问</p>
                                <button class="btn btn-link btn-block text-left collapsed" type="button"
                                    data-toggle="collapse" data-target="#collapse5" aria-expanded="false"
                                    aria-controls="collapse5">
                                    五、如何新增、修改、删除逝者生平事迹/追忆文章/回忆相册？
                                </button>
                            </h2>
                        </div>
                        <div id="collapse5" class="collapse" aria-labelledby="heading5" data-parent="#accordionExample">
                            <div class="card-body">
                                <p class="a-img">答</p>
                                <p class="card-content">修改入口<br>
                                （1）用户进入纪念馆首页后→点击右上角“管理”图标（进入编辑页面）→生平简介<br>
                                （2）用户进入纪念馆首页后→点击右下角“更多”→追忆（按钮）<br>
                                （3）用户进入纪念馆首页→点击“逝者头像”→生平事迹<br>
                                选择“生平简介”栏目，即可修改或者新增逝者个人信息；新增、修改或者删除生平事迹/回忆相册/追忆文章。</p>
                            </div>
                        </div>
                    </div>
                    <div class="card">
                        <div class="card-header" id="heading6">
                            <h2 class="mb-0">
                                <p class="q-img">问</p>
                                <button class="btn btn-link btn-block text-left collapsed" type="button"
                                    data-toggle="collapse" data-target="#collapse6" aria-expanded="false"
                                    aria-controls="collapse6">
                                    纪念馆的资料会永久保存吗？
                                </button>
                            </h2>
                        </div>
                        <div id="collapse6" class="collapse" aria-labelledby="heading6" data-parent="#accordionExample">
                            <div class="card-body">
                                <p class="a-img">答</p>
                                <p class="card-content">心纪奠平台承诺，对逝者的所有资料：包括生平事迹、追忆文章、回忆相册等上传成功后，永久保存，请放心使用。</p>
                            </div>
                        </div>
                    </div>
                    <div class="card">
                        <div class="card-header" id="heading7">
                            <h2 class="mb-0">
                                <p class="q-img">问</p>
                                <button class="btn btn-link btn-block text-left collapsed" type="button"
                                    data-toggle="collapse" data-target="#collapse7" aria-expanded="false"
                                    aria-controls="collapse7">
                                    是否可以在心纪奠为宠物、卡通人物等建立网上纪念馆?
                                </button>
                            </h2>
                        </div>
                        <div id="collapse7" class="collapse" aria-labelledby="heading7" data-parent="#accordionExample">
                            <div class="card-body">
                                <p class="a-img">答</p>
                                <p class="card-content">十分抱歉！出于各方面的考虑，心纪奠不接受宠物、卡通二次元虚拟人物等纪念馆的建立，为了保持网站的秩序，共同创造一个肃穆、专业的网上纪念平台，请各位用户务必自觉遵守，不要建立宠物馆等非人物的纪念馆或虚假纪念馆，一旦发现本站将会随时关闭或删除，如已献了祭品产生的费用不予退回。</p>
                            </div>
                        </div>
                    </div>
                    <div class="card">
                        <div class="card-header" id="heading8">
                            <h2 class="mb-0">
                                <p class="q-img">问</p>
                                <button class="btn btn-link btn-block text-left collapsed" type="button"
                                    data-toggle="collapse" data-target="#collapse8" aria-expanded="false"
                                    aria-controls="collapse8">
                                    会员有哪几种？有哪些权益？
                                </button>
                            </h2>
                        </div>
                        <div id="collapse8" class="collapse" aria-labelledby="heading8" data-parent="#accordionExample">
                            <div class="card-body">
                                <p class="a-img">答</p>
                                <p class="card-content"> 温馨提示：目前只有VIP会员一种，后期会根据客户需求提供更多的会员类型，敬请期待。
                                VIP会员可以享有：专属弹幕、闪亮昵称、会员标识、充值折扣、升级馆折扣、自动祭拜折扣</p>
                            </div>
                        </div>
                    </div>
                    <div class="card">
                        <div class="card-header" id="heading9">
                            <h2 class="mb-0">
                                <button class="btn btn-link btn-block text-left collapsed" type="button"
                                    data-toggle="collapse" data-target="#collapse9" aria-expanded="false"
                                    aria-controls="collapse9">
                                    <p class="q-img">问</p>
                                    如何升级纪念馆？有哪些权益？
                                </button>
                            </h2>
                        </div>
                        <div id="collapse9" class="collapse" aria-labelledby="heading9" data-parent="#accordionExample">
                            <div class="card-body">
                                <p class="a-img">答</p>
                                <p class="card-content"> 升级入口：<br>
                                （1）用户进入纪念馆首页后→点击图片上方“某某纪念馆”→“普通馆”（图标）→升级纪念馆<br>
                                （2）用户进入纪念馆首页后→点击右上角“管理”图标（进入编辑页面）→点击“升级纪念馆”（栏目）→升级对应纪念馆<br>
                                VIP会员升级纪念馆的权益<br>
                                纪念馆级别 权限说明<br>
                                普通馆 可发布追忆文章、上传影像资料、发表留言、开启自动祭拜<br>
                                可使用2首普通馆音乐、2套普通馆纪念馆首页皮肤、2套普通馆云墓皮肤<br>
                                可免费升级双人馆、拥有独立设置纪念馆密码权限<br>
                                高级馆 包含普通馆所有特权<br>
                                可使用1首高级馆专属音乐、1套高级馆专属纪念馆首页皮肤、1套高级馆专属云墓皮肤<br>
                                尊贵馆 包含普通馆、高级馆所有专属特权<br>
                                可额外多获得2首尊贵馆专属音乐、2套尊贵馆专属纪念馆首页皮肤、2套尊贵馆专属云墓皮肤<br>
                                至尊馆 包含普通馆、高级馆、尊贵馆所有专属特权<br>
                                可额外多获得1首至尊馆专属音乐、2套至尊馆专属纪念馆首页皮肤、2套至尊馆专属云墓皮肤<br>
                                注：只有VIP用户可享受升级纪念馆的权限，并且可优惠8.8折</p>
                            </div>
                        </div>
                    </div>
                    <div class="card">
                        <div class="card-header" id="heading10">
                            <h2 class="mb-0">
                                <p class="q-img">问</p>
                                <button class="btn btn-link btn-block text-left collapsed" type="button"
                                    data-toggle="collapse" data-target="#collapse10" aria-expanded="false"
                                    aria-controls="collapse10">
                                    如何进行账户充值？
                                </button>
                            </h2>
                        </div>
                        <div id="collapse10" class="collapse" aria-labelledby="heading10"
                            data-parent="#accordionExample">
                            <div class="card-body">
                                <p class="a-img">答</p>
                                <p class="card-content"> 温馨提示：目前只支持微信支付，后期会根据客户需求开放更多的支付方式，敬请期待。
                                用户进入纪念馆首页后→点击底部“祭拜”（按钮）→若弹出“你的纪念币不足，请充值”对话→跳转到微信支付（充值页面）。</p>
                            </div>
                        </div>
                    </div>
                    <div class="card">
                        <div class="card-header" id="heading11">
                            <h2 class="mb-0">
                                <p class="q-img">问</p>
                                <button class="btn btn-link btn-block text-left collapsed" type="button"
                                    data-toggle="collapse" data-target="#collapse11" aria-expanded="false"
                                    aria-controls="collapse11">
                                    如何进行网上祭拜？
                                </button>
                            </h2>
                        </div>
                        <div id="collapse11" class="collapse" aria-labelledby="heading11"
                            data-parent="#accordionExample">
                            <div class="card-body">
                                <p class="a-img">答</p>
                                <p class="card-content">（1）用户进入纪念馆首页后→点击底部“祭拜”（按钮）→选择祭品进行祭拜<br>
                                （2）用户进入纪念馆首页后→切换“云墓”（页面）→选择祭品进行祭拜</p>
                            </div>
                        </div>
                    </div>
                    <div class="card">
                        <div class="card-header" id="heading12">
                            <h2 class="mb-0">
                                <p class="q-img">问</p>
                                <button class="btn btn-link btn-block text-left collapsed" type="button"
                                    data-toggle="collapse" data-target="#collapse12" aria-expanded="false"
                                    aria-controls="collapse12">
                                    怎么开启自动祭拜？
                                </button>
                            </h2>
                        </div>
                        <div id="collapse12" class="collapse" aria-labelledby="heading12"
                            data-parent="#accordionExample">
                            <div class="card-body">
                                <p class="a-img">答</p>
                                <p class="card-content"> 温馨提示：自动祭拜功能会根据用户所选的套餐类型及设定的祭拜时间，进行自动祭拜，无需用户再手动操作，方便快捷。<br>
                                用户进入纪念馆首页后→点击底部“祭拜”（按钮）→点击“开启自动祭拜”→选择“套餐类型”→确认无误，点击支付。</p>
                            </div>
                        </div>
                    </div>
                    <div class="card">
                        <div class="card-header" id="heading13">
                            <h2 class="mb-0">
                                <p class="q-img">问</p>
                                <button class="btn btn-link btn-block text-left collapsed" type="button"
                                    data-toggle="collapse" data-target="#collapse13" aria-expanded="false"
                                    aria-controls="collapse13">
                                    三、什么是纪念币，如何获得更多纪念币？
                                </button>
                            </h2>
                        </div>
                        <div id="collapse13" class="collapse" aria-labelledby="heading13"
                            data-parent="#accordionExample">
                            <div class="card-body">
                                <p class="a-img">答</p>
                                <p class="card-content">纪念币，是心纪奠平台推出的专用货币，可以用来购买一系列祭拜产品、开通自动祭拜功能、升级VIP会员，升级纪念馆。<br>
                                纪念币目前只能通过微信充值方式获得，或者通过亲友转增获得。</p>
                            </div>
                        </div>
                    </div>
                    <div class="card">
                        <div class="card-header" id="heading14">
                            <h2 class="mb-0">
                                <p class="q-img">问</p>
                                <button class="btn btn-link btn-block text-left collapsed" type="button"
                                    data-toggle="collapse" data-target="#collapse14" aria-expanded="false"
                                    aria-controls="collapse14">
                                    四、香火值是什么？如何获得更多的香火值？
                                </button>
                            </h2>
                        </div>
                        <div id="collapse14" class="collapse" aria-labelledby="heading14"
                            data-parent="#accordionExample">
                            <div class="card-body">
                                <p class="a-img">答</p>
                                <p class="card-content">温馨提示：香火值=供奉数值<br>
                                用户可以增加祭拜频率及祭拜数量，即可获得更多的香火值，提高香火贡献榜排名。</p>
                            </div>
                        </div>
                    </div>
                    <div class="card">
                        <div class="card-header" id="heading15">
                            <h2 class="mb-0">
                                <p class="q-img">问</p>
                                <button class="btn btn-link btn-block text-left collapsed" type="button"
                                    data-toggle="collapse" data-target="#collapse15" aria-expanded="false"
                                    aria-controls="collapse15">
                                    五、什么是长明灯？
                                </button>
                            </h2>
                        </div>
                        <div id="collapse15" class="collapse" aria-labelledby="heading15"
                            data-parent="#accordionExample">
                            <div class="card-body">
                                <p class="a-img">答</p>
                                <p class="card-content">目前提供4种长明灯
                                子孙平安灯：寓意保佑子孙平平安安、健健康康<br>
                                功成名就灯：寓意保佑子孙学业有成、事业成功<br>
                                招财进宝灯：寓意保佑子孙财运亨通、蒸蒸日上<br>
                                荣华富贵灯：寓意保佑子孙步步高升、大富大贵</p>
                            </div>
                        </div>
                    </div>
                    <div class="card">
                        <div class="card-header" id="heading16">
                            <h2 class="mb-0">
                                <p class="q-img">问</p>
                                <button class="btn btn-link btn-block text-left collapsed" type="button"
                                    data-toggle="collapse" data-target="#collapse16" aria-expanded="false"
                                    aria-controls="collapse16">
                                    什么是匿名赠送？
                                </button>
                            </h2>
                        </div>
                        <div id="collapse16" class="collapse" aria-labelledby="heading16"
                            data-parent="#accordionExample">
                            <div class="card-body">
                                <p class="a-img">答</p>
                                <p class="card-content">用户在供奉祭品时，可切换“匿名赠送”，祭拜消息除了通知馆主，其他人可不通知。</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="footer-contact-area section_padding_100 clearfix" id="contact">
        <div class="container">
            <div class="row">
                <div class="section-heading col-md-12">
                    <h2>联系我们</h2>
                    <div class="line-shape"></div>
                </div>
            </div>
            <div class="row">

                <div class="footer-text col-md-5">
                    <p>圆满里程科技有限公司，是一家致力于传承中国孝爱文化，为全球华人提供绿色网上祭奠服务的科技公司，同时也是中国云祭奠的推行者。
                        <br> 团队成员来自于网易、百度、腾讯等大型互联网公司，均是业界优秀的IT人才，团队主要以心纪奠的自主研发和独立运营为主。
                        <br> 我们坚持“专心、诚心、恒心”的用“<span class="t-red">心</span> ”服务理念，努力打造有温度的网上<span
                                class="t-red">纪</span>念平台，为用户提供更佳的缅怀方式和最优质祭<span
                                class="t-red">奠</span>服务，履行“致力于传承中国孝爱文化”的企业使命努力奋斗，以最好的产品质量回报社会。
                    </p>
                </div>
                <div class="col-md-2"></div>
                <div class="col-md-3">
                    <div class="address-text">
                        <p><span>联系方式</span> </p>
                    </div>
                    <div class="phone-text">
                        <p>客服微信：qm202007</p>
                    </div>
                    <div class="phone-text">
                        <p>客服电话：17775738407</p>
                    </div>
                    <div class="email-text">
                        <p><span>公司地址：</span>长沙高新开发区文轩路27号麓谷钰园F4栋2204</p>
                    </div>
                </div>
                <div class="col-md-2">
                    <p><span>心纪奠公众号</span> </p>
                    <div class="code">
                        <img src="../static/images/mourn-wx.png" height="102" width="102" alt="">
                    </div>
                </div>

            </div>
        </div>
    </section>

    <div class="b-btn" id="bBtn">
        <button type="button"  data-toggle="modal" data-target=".creat-hall" class="c_hall">快速创建纪念馆</button>
    </div>

    <!-- Jquery-2.2.4 JS -->
    <script src="../static/js/jquery-2.2.4.min.js"></script>
    <!-- Popper js -->
    <script src="../static/js/popper.min.js"></script>
    <!-- Bootstrap-4 Beta JS -->
    <script src="../static/js/bootstrap.min.js"></script>
    <!-- All Plugins JS -->
    <script src="../static/js/plugins.js"></script>
    <!-- Slick Slider Js-->
    <script src="../static/js/slick.min.js"></script>
    <script src="../static/js/clipboard.min.js"></script>
    <!-- Footer Reveal JS -->
    <!-- <script src="./js/footer-reveal.min.js"></script> -->
    <!-- Active JS -->
    <script src="../static/js/active.js?125"></script>
    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?5f5cf1e1883a52a02e3d767d22916d18";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>

</body>

</html>
